/* text 文本 */
.text-bold {
  font-weight: bold;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-justify {
  text-align: justify;
}
.text-price-zh::before {
  content: '¥';
  font-size: 80%;
  margin-right: 2px;
}
.text-price-en::before {
  content: '$';
  font-size: 80%;
  margin-right: 2px;
}
.text-clamp {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-clamp-more {
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* float 浮动 */
.fl {
  float: left;
}
.fr {
  float: right;
}
.clearFix::before,
.clearFix::after {
  content: '';
  display: table;
  clear: both;
}

/* flex 弹性布局 */
.flex {
  display: flex;
}
.flex-direction-row {
  flex-direction: row;
}
.flex-direction-column {
  flex-direction: column;
}
.justify-start {
  justify-content: flex-start;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-around {
  justify-content: space-around;
}
.justify-end {
  justify-content: flex-end;
}
.align-start {
  align-items: flex-start;
}
.align-center {
  align-items: center;
}
.align-end {
  align-items: flex-end;
}
